{include(head.tpl)}
<body>
<div class="wrapper-content">
    <div class="animated fadeInDown wrap">
        <table class="table table_value">
            <tr>
                <th>用户ID</th>
                <th>登陆名称</th>
                <th>经度信息</th>
                <th>纬度信息</th>
                <th>gps更新时间</th>
                <th>地图</th>
            </tr>
             {foreach from=listarr item=vo}
                <tr>
                    <td>{$vo.userid}</td>
                    <td>{$vo.loginname}</td>
                    <td>{$vo.longitude}</td>
                    <td>{$vo.latitude}</td>
                    <td><?php echo date('Y-m-d H:i:s',$vo['gpstime']);?></td>
                    <td><img onclick="gpsmap('{$vo.longitude}','{$vo.latitude}')" src="{__STATIC__}/images/map.png"></td>
                </tr>
            {/foreach}
        </table>
          <div class="page">{pageshow}</div>
    </div>
</div>
<script>
//跳转地图
function gpsmap(longitude,latitude){
  layer.open({
    type: 2,
    title: '地图',
    shadeClose: true,
    shade: false,
    maxmin: true, //开启最大化最小化按钮
    area: ['700px', '550px'],
    content:'{ctlurl}/gpsMap/longitude/'+longitude+"/latitude/"+latitude,
});
}
//分页
function ajaxpage(page){
    var url='page='+page;
    _ajaxs.post('{mothedurl}',url,function _return(hdata){
        var pageh=pagehead();
        var pagec=pagecontent(hdata);
        $('.table_value').html('');
        $('.table_value').html(pageh+pagec);
        $('.page').html('');
        $('.page').html(hdata.data.pageshow);
    })
}
function pagehead(){
    var pageheadhtml='<tr>\
          <th>用户ID</th>\
          <th>登陆名称</th>\
          <th>经度信息</th>\
          <th>纬度信息</th>\
          <th>gps更新时间</th>\
      </tr>';
    return pageheadhtml;
}
function pagecontent(hdata){
    var list=hdata.data.list;
    var pagecontenthtml='';
    if(list!=''){
      for(i=0;i<list.length;i++){
        pagecontenthtml+='<tr>\
              <td>'+list[i]['userid']+'</td>\
              <td>'+list[i]['loginname']+'</td>\
              <td>'+list[i]['longitude']+'</td>\
              <td>'+list[i]['latitude']+'</td>\
              <td>'+_myTime.UnixToDate(list[i]['gpstime'],true,8)+'</td>\
          </tr>';
      }
    }
    return pagecontenthtml;

}
</script>

</body>
</html>
